<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/include/taglibs.jsp"%>

<style type="text/css">
.chart-container {
	border: 1px solid #ccc;
	background-image: url(<%=request.getContextPath()%>/images/description_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.chart-container .chart-title {
	height: 24px;
	position: relative;
}

.chart-container .chart-title span {
	display: block;
	height: 24px;
	line-height: 24px;
}

.chart-container .chart-title .title {
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0px center;
	background-image: url(<%=request.getContextPath()%>/images/arrow_right.gif);
	padding: 0px 0px 0px 16px;
}

.chart-container .chart-title .link {
	position: absolute;
	right: 0px;
	top: 0px;
}

.chart-container .chart-title .link a {
	display: block;
	float: right;
	height: 24px;
	width: 24px;
}

.chart-container .chart-title .link a.max {
	background-image: url(<%=request.getContextPath()%>/images/maximize_off.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.chart-container .chart-content {
	height: 256px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.chart-container .chart-desc {
	margin-bottom: 16px;
}

.chart-container .chart-desc .chart-property {
	margin-top: 8px;
}

.chart-container .chart-desc .chart-property .property span {
	font-weight: bold;
	margin: 0px 4px 0px 4px;
	height: 24px;
	line-height: 24px;
}


.description-space {
	height: 32px;
	line-height: 32px;
	border: 1px solid #ccc;
	background-image: url("<%=request.getContextPath()%>/images/description_bg_2.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 8px 4px 0px 4px;
	position: relative;
}

.description-space span {
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	margin: 0px 4px 0px 8px;
}

.description-space span.ico {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}

.description-space span.splite-line {
	font-weight: normal;
	margin: 0px 4px 0px 8px;
	color: #ccc;
}

.description-space div.shortcut {
	position: absolute;
	right: 0px;
	top: 0px;
	width: auto;
	height: 32px;
}

.description-space div.shortcut a {
	float: left;
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
	text-align: center;
}


#port-list .list-value {
	font-size: 8pt;
	line-height: 16px;
}

#port-list .list-value .list-value {
	line-height: 16px;
	height: 16px;
}

#port-list .list-value div.list-title {
	line-height: 16px;
	height: 16px;
}

#port-list .list-value div.in,#port-list .list-value div.out {
	line-height: 16px;
	height: 16px;
	font-size: 8pt;
}

#port-list .list-value div.in {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#port-list .list-value .out {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
</style>
<div class="description-space">
	<span class="ico" style="background-image: url('<%=request.getContextPath()%>/images/flag_no.gif');">系统状态</span>	
</div>
<table id="device-performance" border="0" cellpadding="0" cellspacing="4" style="width: 100%; margin: 4px 0px 4px 0px;">
	<tr>
		<td>
		<table id="dev-current" class="chart-container" style="width: 100%;" border="0" cellpadding="0" cellspacing="8">
			<tr>
				<td>
				   <div class="chart-title" style="position: relative;"><span class="title" style="text-align: left">用户数量</span><span class="link" style="text-align: left">${userCount}</span></div>
				</td>
			</tr>
			<tr>
				<td>
				<div class="chart-title" style="position: relative;"><span class="title" style="text-align: left">节点数量</span><span class="link" style="text-align: left">${nodeCount}</span></div>
				</td>
			</tr>
			<tr>
				<td>
				<div class="chart-title" style="position: relative;"><span class="title" style="text-align: left">系统时间</span><span class="link" style="text-align: left">${currentSysTime}</span></div>
				</td>
			</tr>
			<tr>
				<td>
				<div class="chart-title" style="position: relative;"><span class="title" style="text-align: left">启动时间</span><span class="link" style="text-align: left">${systemUpTime}</span></div>
				</td>
			</tr>
		</table>
		</td>
	</tr>
</table>

<script type="text/javascript">
	
</script>